/*  */
@import "../../variables/theme.less";
/*  */
.zz-title {
    display:flex;
    justify-content:center;
    padding:0.32rem;

    & > .txt {
        position:relative;
        padding:0 0.42rem;
        font-size:0.28rem;
        line-height:0.42rem;
        color:@fsColor333;

        & > .circle {
            position:absolute;
            top:50%;
            width:0.12rem;
            height:0.12rem;
            border-radius:50%;
            background-color:@themeColor;
            transform:translateY(-50%);
            
            &.left {
                left:0.20rem; 
            }

            &.right {
                right:0.20rem;
            }
        }

        &:before,
        &:after {
            content:"";
            position:absolute;
            top:50%;
            width:0.36rem;
            height:0.02rem;
            background-color:@themeColor;
            transform:translateY(-50%);
        }

        &:before {
            left:-0.16rem;
        }

        &:after {
            right:-0.16rem;
        }
    }
}